<template>
	<div>
		<!-- 混钢工艺设置 -->
		<pol-title title="混钢模型实时界面">
			<template #right>
				<div class="flex text-white padding-right">
					<span>
						参数修改后需要点击保存
					</span>
					<div class="margin-left">
						<el-button icon="FolderChecked" type="primary" class="btn-bg-blue margin-left">保存</el-button>
					</div>
				</div>
			</template>
		</pol-title>
		<div class="border-solid bg-tm radius-sm padding-lg el-input-num">
			<div class="flex-between spraying-t-box text-white">
				<div class="flex align-center">
					<img src="@/assets/images/icon/Frame1.png" style="width: 122px; height: 122px;" />
					<div class="margin-left-xxl">
						<div>
							<span class="text-xl">混钢模型参数</span>
							<span class="text-green2 margin-left-lg cursor">可在此设置混钢模型参数</span>
						</div>
						<div class="margin-top-xl">
							混钢模型参数设置后，系统会以此参数进行出坯
						</div>
					</div>
				</div>
			
				<div class="flex align-center margin-top-lg padding-lr">
					<el-input v-model="values" placeholder="请输入长度" size="large" class="margin-lr" style="width: 400px;" />
				</div>
			</div>
		</div>
		
		<div class="border-solid bg-tm radius-sm padding-lg el-input-num margin-top-lg">
			<div class="flex-between spraying-t-box text-white">
				<div class="flex align-center">
					<img src="@/assets/images/icon/fx.png" style="width: 122px; height: 122px;" />
					<div class="margin-left-xxl">
						<div>
							<span class="text-xl">中包净重基准系数 </span>
						</div>
						<div class="margin-top-xl">
							设置中包净重基准系数后，系统会以此基准系数*净重
						</div>
					</div>
				</div>
			
				<div class="flex align-center margin-top-lg padding-lr">
					<el-input v-model="values2" placeholder="请输入基准系数" size="large" class="margin-lr" style="width: 400px;" />
				</div>
			</div>
		</div>
		
		<div class="border-solid bg-tm radius-sm padding-lg el-input-num margin-top-lg spraying-t-box">
			<div class="text-xl text-white margin-bottom margin-top">检化验子项成份显示设置</div>
			<div class="rest-el-checkbox">
				<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
					<template #default>
						<span class="text-white">C</span>
					</template>
				</el-checkbox>
				<el-checkbox v-model="checked2" size="large" class="margin-right-xxl">
					<template #default>
						<span class="text-white">Si</span>
					</template>
				</el-checkbox>
				<el-checkbox v-model="checked3" size="large" class="margin-right-xxl">
					<template #default>
						<span class="text-white">Mn</span>
					</template>
				</el-checkbox>
				<el-checkbox v-model="checked4" size="large" class="margin-right-xxl">
					<template #default>
						<span class="text-white">P</span>
					</template>
				</el-checkbox>
				<el-checkbox v-model="checked5" size="large" class="margin-right-xxl">
					<template #default>
						<span class="text-white">S</span>
					</template>
				</el-checkbox>
				<el-checkbox v-model="checked6" size="large" class="margin-right-xxl">
					<template #default>
						<span class="text-white">B</span>
					</template>
				</el-checkbox>
			</div>
		</div>
	</div>
</template>

<script setup>
	import { ref } from 'vue';
	
	const values = ref('')
	const values2 = ref('')
	
	const checked1 = ref(false)
	const checked2 = ref(false)
	const checked3 = ref(false)
	const checked4 = ref(false)
	const checked5 = ref(false)
	const checked6 = ref(false)
</script>

<style lang="scss" scoped>
	.spraying-t-box {
		padding: 20px 50px;
	}
</style>